<div id="search-component">
  <h4>Hero Search</h4> <input #searchBox id="search-box" (keyup)="search(searchBox.value)" />
  <ul class="search-result">
    <!-- $ 是一个命名惯例，用来表明 heroes$ 是一个 Observable，而不是数组 -->
    <!-- | async  自动订阅Observable  大概是of不能直接消费Observable数据需要个异步管道 -->
    <li *ngFor="let hero of heroes$ | async"> <a routerLink="/detail/{{hero.id}}"> {{hero.name}} </a> </li>
  </ul>
</div>